/* pages/personInfo/personInfo.wxss */
page {
  background-color: #f4f7fb;
}

.person {
  .bg { 
    width: 100%;
    height: 298px;
    position: absolute;
    top: 0;
    z-index: -1;
    background: url(https://lmd-internal.oss-cn-hangzhou.aliyuncs.com/JdMiniProgramme/v2/mine/mineBg.png);
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .nav-title {
    --td-navbar-title-font-size: 30rpx;

    .t-navbar__content {
      background-color: unset;
      background-image: url(https://lmd-internal.oss-cn-hangzhou.aliyuncs.com/JdMiniProgramme/v2/mine/mineBg.png);
      background-size: 100%;
      background-repeat: no-repeat;
      color: #ffffff;
    }
  }

  .card-container {
    padding: 0 32rpx;

    .card-info {
      margin-top: 36rpx;
      box-sizing: border-box;
      // padding: 32rpx;
      width: 100%;
      background-color: #fff;
      border-radius: 16rpx;

      .top {
        padding: 32rpx;

        .name-info {
          display: flex;
          justify-content: space-between;
          align-items: center;

          .l-name {
            display: flex;
            flex-direction: column;

            .name {
              color: #333;
              font-family: PingFang SC;
              font-size: 32rpx;
              font-style: normal;
              font-weight: 600;
            }

            .department {
              margin-top: 10rpx;
              color: #0C4DF9;
              font-family: PingFang SC;
              font-size: 24rpx;
              font-style: normal;
              font-weight: 400;
              padding: 0 8rpx;
              border: 1px solid #0C4DF9;
              border-radius: 6 rpx;
            }
          }

          .r-avatar {
            image {
              width: 106rpx;
              height: 106rpx;
            }
          }
        }

        .my-tags {
          display: flex;

          .item-tag {
            color: #999;
            font-family: PingFang SC;
            font-size: 24rpx;
            font-style: normal;
            font-weight: 400;
            padding: 2rpx 8rpx;
            border-radius: 2px;
            background: #F4F7FB;
            margin-right: 16rpx;
          }
        }
      }

      .bottom {
        .line {
          width: 100%;
          height: 20rpx;
          background: linear-gradient(180deg, #F1F7FF 0%, rgba(241, 247, 255, 0.00) 100%);
        }

        .types {
          padding: 32rpx;
          padding-top: 0;
          display: flex;
          justify-content: space-between;

          .type-item {
            width: 130rpx;
            display: flex;
            flex-direction: column;
            align-items: center;
            color: #F90;

            .num {
              font-family: Arial;
              font-size: 40rpx;
              font-style: normal;
              font-weight: 700;
            }

            .text {
              font-family: PingFang SC;
              font-size: 24rpx;
              font-style: normal;
              font-weight: 400;
            }
          }

          .overTime {
            color: #F53F3F;
          }

          .alreadyCheck {
            color: #00B42A;
          }
        }
      }
    }
  }

  .my-cells {
    margin-top: 32rpx;
    padding: 0 32rpx;

    .cell-item {
      box-sizing: border-box;
      width: 100%;
      background-color: #fff;
      padding: 32rpx;
      border-radius: 16rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 32rpx;

      .l-item {
        display: flex;
        align-items: center;

        .text {
          margin-left: 16rpx;
          color: #333;
          font-family: PingFang SC;
          font-size: 28rpx;
          font-style: normal;
          font-weight: 400;
        }
      }
    }
  }
}